<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Reportes</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/responsive.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
</head>
<body>

	{% include "topmenu.html" %} <!-- Top menu -->

	<div class="container">
		<div class="row-fluid">
			
			{% include "sidebar.html" %} <!-- Side bar -->

			<div class="span9">
				<div class="row-fluid">
					<div class="page-header">
						<h2>Reporte General de Actividades</h2>
					</div>
				</div>
				<!-- 1. Cantidad de actividades por pais -->
				<div class="row-fluid">
					<div class="span6">
						<h4><strong>Cantidad de Actividades por País</strong></h4>
						<p align="justify"><small>Cantidad de Actividades de 3M realizadas a nivel mundial en los distintos países en donde se encuentran
												  las Universidades participantes del Proyecto Vincula Entorno.</small></p>
					</div>
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p3
							chco=008000
							chd=t:{{ lista_total_actividades|join:',' }}
							chdl={{ lista_paises|join:'|' }}
							chl={{ lista_total_actividades|join:'|' }}
							chdlp=b
						{% endchart %}
					</div>
				</div>
				<br><ul class="nav nav-list">
					<li class="divider"></li>
				</ul><br>

				<!-- Cantidad de Actividades por Dimension -->
				<div class="row-fluid">
					<div class="span6">
					{% load chart_tags %}
						{% chart %}
						   chs=360x210
						   cht=p3
						   chco=FF0000
						   chd=t:{{dim1}},{{dim2}},{{dim3}}
						   chdl=FC|TEeI|CS
						   chdlp=b
						   chl={{dim1}}|{{dim2}}|{{dim3}} 
						{% endchart %}
					</div>
					<div class="span6">
						<h4><strong>Cantidad de Actividades por Dimension</strong></h4>
						<small aling="justify">Numero de actividades a nivel global, diferenciadas en cada una de las dimensiones.
							<br><br>Formacion Contínua: <strong>{{dim1}}</strong>
							<br>Transformacion del Conocimento e Innovacion: <strong>{{dim2}}</strong>
							<br>Compromiso Social: <strong>{{dim3}}</strong></small>
					</div>
				</div> <!--Termina Primer Grafico-->

					<br><ul class="nav nav-list">
						<li class="divider"></li>
					</ul><br>			

				<!-- Cantidad de Actividades por Calificacion --> <strong></strong>
				<div class="row-fluid">
					<div class="span6">
						<h4><strong>Cantidad de Actividades por Calificacion</strong></h4>
						<small aling="justify">Conjunto de actividades de 3M agrupados segun su calificación, podemos proyectar deducciones a partir de los datos obtenidos que nos permite conocer el nivel general de actividades de 3M realizadas.
						<br><br>Malas: <strong>{{cal1}}</strong> 
						<br>Regulares: <strong>{{cal2}}</strong>
						<br>Buenas: <strong>{{cal3}}</strong>
						<br>Muy Buenas: <strong>{{cal4}}</strong> 
						<br>Excelentes: <strong>{{cal5}}</strong></small>
					</div>
					<div class="span6">
					{% load chart_tags %}
						{% chart %}
						   chs=360x210
						   cht=p3
						   chco=224499
						   chd=t:{{cal1}},{{cal2}},{{cal3}},{{cal4}},{{cal5}}
						   chdl=Malo|Regular|Bueno|Muy+Bueno|Excelente
						   chdlp=b
						   chl={{cal1}}|{{cal2}}|{{cal3}}|{{cal4}}|{{cal5}}
						{% endchart %}
					</div> 
				</div> <!--Termina Segundo Grafico-->

					
					<br><ul class="nav nav-list">
					<li class="divider"></li>
					</ul><br>
					<div class="row-fluid">

					<!-- Cantidad de Actividades de Dimension 1 por Calificacion -->					
						<div class="span6">
						{% load chart_tags %}
						{% chart %}
						    chs=360x210
							   cht=pc
							   chco=49188F
							   chd=t:{{d1c1}},{{d1c2}},{{d1c3}},{{d1c4}},{{d1c5}}
							   chdl=Malo|Regular|Bueno|Muy+Bueno|Excelente
							   chdlp=b
							   chl={{d1c1}}|{{d1c2}}|{{d1c3}}|{{d1c4}}|{{d1c5}}
						{% endchart %}
						</div>
						<div class="span6">
							<h4><strong>Cantidad de Actividades de Formacion Continua por Calificación</strong></h4>
							<small aling="justify">Número de actividades de 3M ejecutadas a nivel mundial en su dimensión de Formacion Contínua. Tendencia del nivel de actividades dentro de la dimension.
							<br><br>Malas: <strong>{{d1c1}}</strong> 
							<br>Regulares: <strong>{{d1c2}}</strong>
							<br>Buenas: <strong>{{d1c3}}</strong>
							<br>Muy Buenas: <strong>{{d1c4}}</strong>
							<br>Excelentes: <strong>{{d1c5}}</strong></small>
						</div>
					</div><!--Termina Tercer Grafico-->
					
					<br><ul class="nav nav-list">
						<li class="divider"></li>
					</ul><br>	

					<div class="row-fluid">
						<div class="span6">
							<h4><strong>Cantidad de Actividades de Tranformacion del Conocimiento e Innovacion por Calificacion</strong></h4>
							<small aling="justify">Numero de actividades de 3M en su dimension de Transferencia de Educacion e Innovacion a nivel mundial. Tendencia del nivel de actividades dentro de la dimension. 
							<br><br>Malas: <strong>{{d2c1}}</strong> 
							<br>Regulares: <strong>{{d2c2}}</strong>
							<br>Buenas: <strong>{{d2c3}}</strong>
							<br>Muy Buenas: <strong>{{d2c4}}</strong>
							<br>Excelentes: <strong>{{d2c5}}</strong></small>
						</div>
						<div class="span6">
						{% load chart_tags %}
							{% chart %}
						   		chs=360x210
						   		cht=pc
						    	chco=CC6409
						   		chd=t:{{d2c1}},{{d2c2}},{{d2c3}},{{d2c4}},{{d2c5}}
						   		chdl=Malo|Regular|Bueno|Muy+Bueno|Excelente
						   		chdlp=b
						   		chl={{d2c1}}|{{d2c2}}|{{d2c3}}|{{d2c4}}|{{d2c5}}
							{% endchart %}
						</div>
					</div>

					<br><ul class="nav nav-list">
						<li class="divider"></li>
					</ul><br>	
				
				<div class="row-fluid">					
					<div class="span6">
						{% load chart_tags %}
							{% chart %}
						    	chs=360x210
							   cht=pc
							   chco=AD33CC
							   chd=t:{{d3c1}},{{d3c2}},{{d3c3}},{{d3c4}},{{d3c5}}
							   chdl=Malo|Regular|Bueno|Muy+Bueno|Excelente
							   chdlp=b
							   chl={{d3c1}}|{{d3c2}}|{{d3c3}}|{{d3c4}}|{{d3c5}}
						{% endchart %}
					</div>
					<div class="span6">
						<h4><strong>Cantidad de Actividades de Compromiso Social por Calificacion</strong></h4>
						<small aling="justify">Cantidad de actividades de 3M en su dimension de Compromiso Social a nivel mundial, la información que deriva nos indica la tendencia del nivel de actividades dentro de dicha dimension.
							<br><br>Malas: <strong>{{d3c1}}</strong> 
							<br>Regulares: <strong>{{d3c2}}</strong>
							<br>Buenas: <strong>{{d3c3}}</strong>
							<br>Muy Buenas: <strong>{{d3c4}}</strong>
							<br>Excelentes: <strong>{{d3c5}}</strong></small>
					</div>
				</div>
				
				<br><ul class="nav nav-list">
						<li class="divider"></li>
					</ul><br>				
			</div>
		</div>

		

	{% include "footer.html" %} <!-- Footer -->
	</div> <!-- /container -->

	<!-- JS files -->
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
</body>
</html>